<template>
  <div>
    <NavBar title="新增" leftText="取消">
      <div class="flex">
        <span @click="checked = !checked" class="mr10">精简模式</span>
        <van-checkbox v-model="checked">
          <template #icon="props">
            <span style="padding: 0.01rem">
              <svg-icon :icon-class="props.checked ? 'checked' : 'check'" />
            </span>
          </template>
        </van-checkbox>
      </div>
    </NavBar>
    新增
  </div>
</template>

<script>
import store from '@/store'
import NavBar from '@/components/NavBar'
export default {
  name: 'add',
  components: { NavBar },
  data() {
    return {
      checked: false
    }
  },
  computed: {
    top: () => {
      return store.getters.navHeight // 导航高度
    }
  },
  mounted() {},
  methods: {}
}
</script>

<style scoped lang="less">
@import 'index';
</style>
